@use "sass:math";
@use "../../../assets/lib/index"as lib;

.v-action-area {
    --v-action-area-size              : #{percentage($number: 1)};
    --v-action-area-title-border-color: rgba(238, 238, 238, 1.0);
    --v-action-area-title-padding     : var(--v-padding-base);
    --v-action-area-title-color       : var(--v-main-text);

    width : var(--v-action-area-size);
    height: var(--v-action-area-size);

    &__title {
        border-bottom: #{math.div(1, lib.$fontsize-base)}rem solid var(--v-action-area-title-border-color);
        padding      : var(--v-action-area-title-padding);
        text-align   : left;
        color        : var(--v-action-area-title-color);
        font-weight  : bold;
    }

    &__content {
        padding: {
            top   : var(--v-padding-base);
            bottom: var(--v-padding-base);
        }
    }
}